header {
  position: fixed;
  z-index: 999;
  width: 100%;
}

nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 8px 16px;
  color: white;
  height: 4rem;
  /*background: #673AB7;*/
  background: #3f51b5;
}

.mat-raised-button {
  color: #3f51b5;
  margin-right: 1rem;
}

.progress-bar {
  display: flex;
  align-content: center;
  align-items: center;
  height: 5px;
}

.icon__image {
  width: 20px;
  height: 20px;
}

img {
  vertical-align: middle;
}

#today {
  font-size: 0.7rem;
}



.container {
  height: 60px;
}

.item {
  text-align: center;
  background-color: #3f51b5;
}
